<template lang="html">
  <div class="carttop">
    <div class='header'>
    	<router-link to='index' class='header-left'>
    		<i class="icon iconfont icon-chaicon cha"></i>
    		关闭
    	</router-link>
    	<div class='header-center'>购物车 </div>
    	<div class='header-right'>编辑</div>
    </div>
  </div>
</template>

<script>
export default {
  name:'CartTop'
}
</script>

<style lang="less" scoped>
.header{
  		width: 100%;
  		height: 1rem;
  		background-color:#44BF91;
  		line-height:1rem;
  		color:#fff;
  		.header-left{
  			float: left;
  			width: 20%;
  			font-size:0.35rem;
  			text-align:center;
  			color:#fff;
  			.cha{
  				font-size:0.35rem;
  			}
  		}
  		.header-center{
  			float: left;
  			width: 65%;
  			font-size:0.4rem;
  			text-align:center;
  		}
  		.header-right{
  			float: left;
  			width: 15%;
  			font-size:0.35rem;
  			text-align:center;
  		}
  	}
</style>
